<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <title>Document</title>
</head>

<body>
    <div class="wrap">
        <!-- header网页头部 -->
        <div class="header">
            <a href="#" class="iconfont icon-lingdang"></a>
            <img src="../allpyra app/images/logo.png" alt="">
            <a href="#" class="iconfont icon-sousuo"></a>
        </div>
        <!-- 网页的内容content -->
        <div class="content">
            <!-- 广告图 -->
            <div class="banner">
                <a href="#"><img src="../allpyra app/images/banner.jpg" alt=""></a>
            </div>

            <!-- 网页的导航 -->
            <div class="nav">
                <a href="#">
                    <img src="../allpyra app/images/icon1.png" alt="">
                    <span>每日秒杀</span>
                </a>
                <a href="#">
                    <img src="../allpyra app/images/icon2.png" alt="">
                    <span>领劵中心</span>
                </a>
                <a href="#">
                    <img src="../allpyra app/images/icon3.png" alt="">
                    <span>每日更新</span>
                </a>
                <a href="#">
                    <img src="../allpyra app/images/icon4.png" alt="">
                    <span>上新好物</span>
                </a>
            </div>

            <div class="sencond-banner">
                <a href="#">
                    <img src="../allpyra app/images/bg.png" alt="">
                </a>
                <div>
                    <h3>
                        <span>最新</span>
                        <i>涂上大红唇，泫雅妆容get</i>
                    </h3>
                    <h3>
                        <span>最新</span>
                        <i>噢，高光！我的生命之光!</i>
                    </h3>
                </div>
            </div>

            <div class="third-banner">
                <a href="#"><img src="../allpyra app/images/list1.jpg" alt=""></a>
            </div>

            <div class="sample-list">
                <figure>
                    <a href="#">
                        <img src="../allpyra app/images/list1-1.jpg" alt="">
                    </a>
                    <figcaption>
                        INNISFREE悦诗风吟<br>绿茶保湿平衡两件套盒
                        <p>￥162</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list1-2.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>LANEIGE兰芝雪纱防<br>晒隔离霜紫色...</span>
                        <p>￥127</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list1-3.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list1-4.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list1-4.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
            </div>

            <div class="fourth-banner">
                <a href="#"><img src="../allpyra app/images/list2.jpg" alt=""></a>
            </div>

            <div class="sample-list2">
                <figure>
                    <a href="#">
                        <img src="../allpyra app/images/list2-1.jpg" alt="">
                    </a>
                    <figcaption>
                        INNISFREE悦诗风吟<br>绿茶保湿平衡两件套盒
                        <p>￥162</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-2.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>LANEIGE兰芝雪纱防<br>晒隔离霜紫色...</span>
                        <p>￥127</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-3.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-4.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-4.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
            </div>

            <div class="fifth-banner">
                <a href="#"><img src="../allpyra app/images/list2.jpg" alt=""></a>
            </div>

            <div class="sample-list3">
                <figure>
                    <a href="#">
                        <img src="../allpyra app/images/list2-1.jpg" alt="">
                    </a>
                    <figcaption>
                        INNISFREE悦诗风吟<br>绿茶保湿平衡两件套盒
                        <p>￥162</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-2.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>LANEIGE兰芝雪纱防<br>晒隔离霜紫色...</span>
                        <p>￥127</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-3.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-4.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-4.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
            </div>

            <div class="sixth-banner">
                <a href="#"><img src="../allpyra app/images/list2.jpg" alt=""></a>
            </div>


            <div class="sample-list4">
                <figure>
                    <a href="#">
                        <img src="../allpyra app/images/list2-1.jpg" alt="">
                    </a>
                    <figcaption>
                        INNISFREE悦诗风吟<br>绿茶保湿平衡两件套盒
                        <p>￥162</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-2.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>LANEIGE兰芝雪纱防<br>晒隔离霜紫色...</span>
                        <p>￥127</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-3.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-4.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-4.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
            </div>

            <div class="seventh-banner">
                <a href="#"><img src="../allpyra app/images/list2.jpg" alt=""></a>
            </div>


            <div class="sample-list5">
                <figure>
                    <a href="#">
                        <img src="../allpyra app/images/list2-1.jpg" alt="">
                    </a>
                    <figcaption>
                        INNISFREE悦诗风吟<br>绿茶保湿平衡两件套盒
                        <p>￥162</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-2.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>LANEIGE兰芝雪纱防<br>晒隔离霜紫色...</span>
                        <p>￥127</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-3.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-4.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
                <figure>
                    <a href="">
                        <img src="../allpyra app/images/list2-4.jpg" alt="">
                    </a>
                    <figcaption>
                        <span>
                            季然生活全棉印花夏<br>被化羽150*200cm
                        </span>
                        <p>￥98</p>
                    </figcaption>
                </figure>
            </div>

            <div class="worldbuy">
                <h2>/ 全 球 必 买 /</h2>
                <span>HOT GOOD</span>
            </div>

            <div class="product-information">
                <dl>
                    <dt>
                        <img src="../allpyra app/images/img1.jpg" alt="">
                    </dt>
                    <dd>
                        <p>Estee Lauder 雅诗兰黛 特润修护肌透精华露 小粽瓶…</p>
                        <span>￥980</span>
                        <i>美国</i>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="../allpyra app/images/img2.jpg" alt="">
                    </dt>
                    <dd>
                        <p>Estee Lauder 雅诗兰黛 特润修护肌透精华露 小粽瓶…</p>
                        <span>￥980</span>
                        <i>美国</i>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="../allpyra app/images/img3.jpg" alt="">
                    </dt>
                    <dd>
                        <p>Estee Lauder 雅诗兰黛 特润修护肌透精华露 小粽瓶…</p>
                        <span>￥980</span>
                        <i>美国</i>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <img src="../allpyra app/images/img4.jpg" alt="">
                    </dt>
                    <dd>
                        <p>Estee Lauder 雅诗兰黛 特润修护肌透精华露 小粽瓶…</p>
                        <span>￥980</span>
                        <i>美国</i>
                    </dd>
                    <em class="a_btn">限时特价</em>
                </dl>
                <dl>
                    <dt>
                        <img src="../allpyra app/images/img5.jpg" alt="">
                    </dt>
                    <dd>
                        <p>Estee Lauder 雅诗兰黛 特润修护肌透精华露 小粽瓶…</p>
                        <span>￥980</span>
                        <i>美国</i>
                    </dd>
                    <em class="a_btn">8.5折</em>
                </dl>
                <dl>
                    <dt>
                        <img src="../allpyra app/images/img6.jpg" alt="">
                    </dt>
                    <dd>
                        <p>Estee Lauder 雅诗兰黛 特润修护肌透精华露 小粽瓶…</p>
                        <span>￥980</span>
                        <i>美国</i>
                    </dd>
                    <em class="a_btn">9折</em>
                </dl>
            </div>
        </div>


        <!-- 网页的尾部 -->
        <div class="footer">
            <p class="active">
                <i><img src="../allpyra app/images/tab1-2.png" alt=""></i>
                <span>首页</span>
            </p>
            <p>
                <i><img src="../allpyra app/images/tab2.png" alt=""></i>
                <span>分类</span>
            </p>
            <p>
                <i><img src="../allpyra app/images/tab3.png" alt=""></i>
                <span>购物车</span>
            </p>
            <p>
                <i><img src="../allpyra app/images/tab4.png" alt=""></i>
                <span>我的</span>
            </p>
        </div>
    </div>
</body>

</html>